<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="attributeName" label="属性名" width="180" />
    <el-table-column prop="desc" label="说明" width="" />
    <el-table-column prop="defaultValue" label="默认值" width="180" />
  </el-table>
</template>

<script lang="ts" setup>
const tableData = ref([
  {
    attributeName: "option",
    desc: "定义对象包含配置项",
    defaultValue: "-",
  },
  {
    attributeName: "columns",
    desc: "需要定义的字段数组",
    defaultValue: "-",
  },
  {
    attributeName: "prop",
    desc: "双向绑定的属性名",
    defaultValue: "-",
  },
  {
    attributeName: "label",
    desc: "名称",
    defaultValue: "-",
  },
  {
    attributeName: "hide",
    desc: "状态为true表格栏隐藏, 默认显示 true | false",
    defaultValue: "false",
  },
  {
    attributeName: "search",
    desc: "状态为true单个搜索组件, 默认显示 true | false",
    defaultValue: "false",
  },
  {
    attributeName: "multiple",
    desc: "下拉框开启多选 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "disabled",
    desc: "禁用 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "readonly",
    desc: "只读 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "viewDisplay",
    desc: "查看表单隐藏当前属性 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "editDisplay",
    desc: "修改表单隐藏当前属性 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "addDisplay",
    desc: "新增表单隐藏当前属性 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "display",
    desc: "通过css样式动态控制显示隐藏 可选值 block | none",
    defaultValue: "block",
  },
  {
    attributeName: "editDisabled",
    desc: "修改表单禁用 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "editReadonly",
    desc: "修改表单只读 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "addDisabled",
    desc: "新增表单禁用 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "addDeadonly",
    desc: "新增表单只读 true|false",
    defaultValue: "false",
  },
  {
    attributeName: "searchType",
    desc: "指定搜素表单的当前组件的状态",
    defaultValue: "input",
  },
  {
    attributeName: "type",
    desc: "指定form表单的当前组件的状态",
    defaultValue: "input",
  },
  {
    attributeName: "dicData",
    desc: "[{label: '', value: ''}] 固定的数组示例",
    defaultValue: "-",
  },
  {
    attributeName: "rules",
    desc: "校验规则rules:[{ required: true, message: '', trigger: '' }]",
    defaultValue: "-",
  },
  {
    attributeName: "placeholder",
    desc: "自定义占位符",
    defaultValue: "-",
  },
  {
    attributeName: "value",
    desc: "下拉框/单选框默认选中的值为String， 数组输入框是number",
    defaultValue: "",
  },
  {
    attributeName: "row",
    desc: "是否单独一行展示",
    defaultValue: "false",
  },
  {
    attributeName: "tableOrder",
    desc: "对表格组件字段排序，默认保持原顺序，从1开始排序",
    defaultValue: "null",
  },
  {
    attributeName: "formOrder",
    desc: "对表单组件字段排序，默认保持原顺序，从1开始排序",
    defaultValue: "null",
  },
  {
    attributeName: "searchOrder",
    desc: "对搜索组件字段排序，默认保持原顺序，从1开始排序",
    defaultValue: "null",
  },
  {
    attributeName: "align",
    desc: "表格字段位置",
    defaultValue: "center",
  },
  {
    attributeName: "descAlign",
    desc: "只读表单字段位置",
    defaultValue: "left",
  },
  {
    attributeName: "lineClamp",
    desc: "只读表单溢出隐藏...",
    defaultValue: "",
  },
]);
</script>

<style>
</style>